// 防抖
let input = document.getElementsByTagName("input")[0];

let getUserAction = () => {
  console.log(new Date());
};

// function debounce(func, time) {
//   let timer = null;
//   return function () {
//       clearTimeout(timer)
//       timer = setTimeout(func, time);
//   }
// }

function debounce(func, time) {
  let timer = null;
  return function (...args) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, time);
  };
}

// 让函数立即执行一次
function debounce(func, time, flag) {
  let timer = null;
  return function (...args) {
    clearTimeout(timer);
    // flag 标志是否立即执行。
    // 当timer为null时表示函数是第一次执行，我们立即执行一次它。
    if (flag && !timer) {
      func.apply(this, args);
    }
    timer = setTimeout(() => {
      func.apply(this, args);
    }, time);
  };
}

input.addEventListener("keyup", debounce(getUserAction, 1000, true));

// ---------------------
// 节流
// 时间戳方式实现
function throttle(func, time) {
  let pre = 0;
  return function (...args) {
    if (Date.now() - pre > time) {
      pre = Date.now();
      func.apply(this, args);
    }
  };
}
// 定时器方式实现
function throttle(func, time) {
  let timer = null;
  return function (...args) {
    if (!timer) {
      timer = setTimeout(() => {
        timer = null;
        func.apply(this, args);
      }, time);
    }
  };
}
input.addEventListener("keyup", throttle(getUserAction, 1000));
